import React, { Component } from 'react';
import '../styles/MyTabbar.scss'
class MyTabbar extends Component {
   
        //定义组件状态写法一：
        //state会保存在当前组件实例(this)身上
        state={
            list:[{btn:'店铺'},{btn:'分类'},{btn:'全部商品'},{btn:'购物车'},{btn:'个人中心'},]
        }
    render() {
        return (
            <div className='btns'>
            {/* */}
                {
                    this.state.list.map((item,index)=>{
                      return(
                        <div className='text' key={index}>{item.btn}</div>
                   
                      ) 
                    })
                }
            </div>
          
        );
    }

}


export default MyTabbar;